<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "//www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<!-- saved from url=(0034)http://www.onehome.me/user/p_infor -->
<html xmlns="//www.w3.org/1999/xhtml"><head><meta http-equiv="Content-Type" content="text/html; charset=UTF-8">
    
    <meta http-equiv="X-UA-Compatible" content="IE=edge">
    <meta name="renderer" content="webkit">
    <meta name="applicable-device" content="pc,mobile">
    <meta http-equiv="Cache-Control" content="no-transform">
    <meta name="viewport" content="width=device-width, initial-scale=1, maximum-scale=1, user-scalable=no">
    <!-- 上述3个meta标签*必须*放在最前面，任何其他内容都*必须*跟随其后！ -->
    <title>个人资料 - 一家民宿Onehome</title>



    <script src="./个人资料 - 一家民宿Onehome_files/hm.js.下载"></script><script>
    var _hmt = _hmt || [];
    (function() {
        var hm = document.createElement("script");
        hm.src = "https://hm.baidu.com/hm.js?ca7e8c67992feb5bd1f34c3027c045ff";
        var s = document.getElementsByTagName("script")[0];
        s.parentNode.insertBefore(hm, s);
    })();
</script>
<!--加载样式 start-->
<link rel="stylesheet" href="./个人资料 - 一家民宿Onehome_files/bootstrap.min.css">


<link rel="stylesheet" href="./个人资料 - 一家民宿Onehome_files/newstyle2.0-1936321491242304231036481274.css">
<link rel="stylesheet" href="./个人资料 - 一家民宿Onehome_files/newstyle-7123435349561234935432149344.css">
<link rel="stylesheet" href="./个人资料 - 一家民宿Onehome_files/newstyle3.css">
<script src="./个人资料 - 一家民宿Onehome_files/jquery-1.8.2.min.js.下载"></script>


<script src="./个人资料 - 一家民宿Onehome_files/jquery.md5.js.下载" type="text/javascript"></script>
<script src="./个人资料 - 一家民宿Onehome_files/jquery.cookie-1.4.1.js.下载" type="text/javascript"></script>
<script src="./个人资料 - 一家民宿Onehome_files/jquery-ui.js.下载" type="text/javascript"></script>
<!--加载样式 start-->
<!--加载样式 end-->


<!--兼容ie9 start-->
<!--兼容ie9 end-->


<!--加载首页 start-->
<!--加载首页 end-->

<!--加载日期控件-->
<script src="./个人资料 - 一家民宿Onehome_files/calendar-3.0.js.下载" type="text/javascript"></script>

<!--加载详情页 start-->
<!--加载详情页 start-->
<!--加载首页 end-->

<!--加载详情页 start-->


<!--加载红包列表页 start-->
<!--加载红包列表 end-->

<!--加载红包列表页 start-->
<!--加载红包列表 end-->

<!--加载预订申请页 start-->
<!--加载预订申请页 end-->

<!--需要fn start-->
<!--需要fn end-->


<!--[if lt IE 9]>
<script src="/system/ltie9/html5shiv-3.7.2.min.js?version=20180811"></script>
<script src="/system/ltie9/respond-1.4.2.min.js?version=20180811"></script>
<![endif]-->



<!--需要上传插件-->
<link rel="stylesheet" href="./个人资料 - 一家民宿Onehome_files/uploadify.css">
<script type="text/javascript" src="./个人资料 - 一家民宿Onehome_files/jquery.uploadify-3.1.js.下载"></script>
<!--需要需要上传插件-->

<!--需要layer插件-->
<!--需要layer插件-->





    <script src="./个人资料 - 一家民宿Onehome_files/common.js.下载" type="text/javascript"></script>
    <script src="./个人资料 - 一家民宿Onehome_files/fn.js.下载" type="text/javascript"></script>
    <script src="./个人资料 - 一家民宿Onehome_files/user_infor.js.下载" type="text/javascript"></script>

<style type="text/css">.container___1G6iy{
  padding: 23px 25px 16px 25px;
  position: relative;
}

.header___1be6_ {
  display: flex;
  flex-direction: row;
}

.header-logo___2TcKo {
  width: 22px;
  height: 22px;
}

.header-text___1KJcQ {
  font-family: PingFangSC-Regular;
  font-size: 14px;
  color: #666666;
  margin-left: 15px;
}

.header-close___26zjl {
  width: 10px;
  height: 10px;
  position: absolute;
  right: 25px;
  top: 15px;
  cursor: pointer;
}

.footer___1eS4t{
  display: flex;
  flex-direction: row;
  justify-content: flex-end;
}

.close___2gKnC{
  font-family: PingFangSC-Regular;
  font-size: 14px;
  text-align: center;
  color: #666666;
  width: 67px;
  height: 33px;
  line-height: 33px;
  border: 1px solid #E5E5E5;
  border-radius: 3px;
  margin-right: 16px;
  cursor: pointer;
}

.ok___GLX-t{
  background: #27ACFF;
  border-radius: 3px;
  font-family: PingFangSC-Regular;
  font-size: 14px;
  color: #FFFFFF;
  text-align: center;
  width: 67px;
  height: 33px;
  line-height: 33px;
  border: 1px solid #27ACFF;
  cursor: pointer;
}

.content___3OaaO{
  margin-top: 27px;
}

.transport-card___3mzRg {
  display: flex;
  flex-direction: row;
  background: #E5E5E5;
}

.transport-card-no-cover___1G7Nb{
  border-radius: 3px;
}

.transport-card-cover___3mV2O {
  border-top-left-radius: 3px;
  border-top-right-radius: 3px;
}

.right___3Y5Y5 {
  width: 250px;
  padding-left: 16px;
  padding-right: 10px;
  display: flex;
  flex-direction: row;
}

.edit-button___1WuI- {
  width: 68px;
  background: #fff;
  margin-top: 1px;
  margin-bottom: 1px;
  margin-right: 1px;
  font-family: PingFangSC-Regular;
  font-size: 14px;
  color: #27ACFF;
  text-align: center;
  display: flex;
  justify-content: center;
  align-items: center;
  cursor: pointer;
}

.transport-content___OSsgj{
  width: 200px;
  display: flex;
  flex-direction: column;
}

.transport-url___1hhN2 {
  padding: 0px !important;
  margin: 0px !important;
  font-family: PingFangSC-Regular;
  font-size: 14px;
  color: #999999;
  letter-spacing: 0.26px;
  text-align: justify;
  margin-bottom: 1px;
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
  margin-top: 10px !important;
}

.transport-username___1j9yc {
  padding: 0px !important;
  margin: 0px !important;
  font-family: PingFangSC-Medium;
  font-size: 12px;
  color: #333333;
  letter-spacing: 0.22px;
  text-align: justify;
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
}

.cover___3vZ0z {
  border-style: solid;
  height: 38px;
  border-color: #e5e5e5;
  border-left-width: 1px;
  border-top: 0px;
  border-right-width: 1px;
  border-bottom-width: 1px;
  border-bottom-left-radius: 3px;
  border-bottom-right-radius: 3px;
  display: flex;
  justify-content: flex-start;
  align-items: center;
}

.cover___3vZ0z span{
  margin-left: 16px;
  font-family: PingFangSC-Regular;
  font-size: 14px;
  color: #FF3B30;
}

.edit-container___3Bu5Q {
  padding: 10px;
}

.edit-box___1ibzg {
  display: flex;
  flex-direction: row;
  justify-content: flex-start;
  align-items: center;
  margin-bottom: 5px;
}

.edit-text___2ip5t {
  font-size: 14px;
  color: #666666;
  margin-right: 5px;
  width: 110px;
  text-align: right;
}
</style><style>.crx_bdwk_down_wrap {
    top: 70%;
    left: 0;
    position: fixed;
    z-index: 99999999;
    color: #fff;
    user-select: none;
}

    .crx_bdwk_down_wrap .crx_bdwk_down_loading {
        background-color: #666;
        cursor: wait;
        width: 126px;
        text-align: center;
        padding: 16px 0;
    }

    .crx_bdwk_down_wrap .crx_bdwk_down_loading p {
            font-size: 14px;
        }

    .crx_bdwk_down_wrap .crx_bdwk_down_loading small {
            font-size: 10px;
        }

    .crx_bdwk_down_wrap .crx_bdwk_down_btn {
        width: 126px;
        height: 60px;
        display: flex;
        align-items: center;
        justify-content: center;
        cursor: pointer;
        font-size: 14px;
        background-color: #dd5a57;
        position: relative;
    }

    .crx_bdwk_down_wrap .crx_bdwk_down_types {
        display: flex;
        text-align: center;
        align-items: center;
        background-color: #666;
        font-size: 12px;
    }

    .crx_bdwk_down_wrap .crx_bdwk_down_types div {
            position: relative;
        }

    .crx_bdwk_down_wrap .crx_bdwk_down_types div:after {
                content: ' ';
                height: 12px;
                width: 1px;
                background-color: #eee;
                position: absolute;
                top: 10px;
                right: 0;
                transform: scaleX(0.5);
            }

    .crx_bdwk_down_wrap .crx_bdwk_down_types div:last-child:after {
                    display: none;
                }

    .crx_bdwk_down_wrap .crx_bdwk_down_types_check {
            flex: 1;
            color: #dd5a57;
            padding: 8px;
            cursor: pointer;
            font-weight: bold;
        }

    .crx_bdwk_down_wrap .crx_bdwk_down_types_uncheck {
            flex: 1;
            padding: 8px;
            cursor: pointer;
            color: #fff;
            font-weight: lighter;
        }
</style></head>

<body>
<div class="bgf">
    <div class="container">
        <style>
    .bgf {
        background: #fff;
    }

    .paddingLRHeader20 {
        padding-left: 20px !important;
        padding-right: 20px !important;
    }

    img {
        vertical-align: middle;
    }

    @font-face {
        font-family: 'fontelloheader';
        src: url('/css/fonts/detailicons/fontello.eot?46498946');
        src: url('/css/fonts/detailicons/fontello.eot?46498946#iefix') format('embedded-opentype'),
        url('/css/fonts/detailicons/fontello.woff2?46498946') format('woff2'),
        url('/css/fonts/detailicons/fontello.woff?46498946') format('woff'),
        url('/css/fonts/detailicons/fontello.ttf?46498946') format('truetype'),
        url('/css/fonts/detailicons/fontello.svg?46498946#fontello') format('svg');
        font-weight: normal;
        font-style: normal;
    }

    .form-control-feedbackNew:before {
        font-family: "fontelloheader";
        font-style: normal;
        font-weight: normal;
        speak: none;

        display: inline-block;
        text-decoration: inherit;
        width: 1em;
        margin-right: .2em;
        text-align: center;
        /* opacity: .8; */

        /* For safety - reset parent styles, that can break glyph codes*/
        font-variant: normal;
        text-transform: none;

        /* fix buttons height, for twitter bootstrap */
        line-height: 1em;

        /* Animation center compensation - margins should be symmetric */
        /* remove if not needed */
        margin-left: .2em;

        /* you can be more comfortable with increased icons size */
        /* font-size: 120%; */

        /* Font smoothing. That was taken from TWBS */
        -webkit-font-smoothing: antialiased;
        -moz-osx-font-smoothing: grayscale;

        /* Uncomment for 3D effect */
        /* text-shadow: 1px 1px 1px rgba(127, 127, 127, 0.3); */
    }

    .icon-uniE688:before {
        content: '\e826';
    }

    /* '' */

    .hide {
        display: none;
    }

    .headerpapge_head {
        font-family: "微软雅黑", "PingFangSC-Regular";
        font-size: 14px;
        color: #646464;
        line-height: 14px;
        text-align: center;
    }

    .headerpapge_head {
        background: #fff
    }

    .headerpapge_head .header-nav {
        max-width: 145px;

    }

    .headerpapge_head .header-count-new {
        float: right;
        margin-right: 24px
    }

    .headerpapge_head .head-newimg {
        width: 55px;
        float: right;
        text-align: left;
        position: relative;
        line-height: 31px;
    }

    .headerpapge_head .header-count-new .glyphicon-triangle-bottom1,
    .headerpapge_head .header-count-new .glyphicon-triangle-top1 {
        position: absolute;
        top: 27px;
        right: 3px;
        display: block;
        width: 12px;
        height: 12px;
        line-height: 0;
    }

    .header-count .glyphicon-triangle-bottom1 {
        background: url(/images/login/54835A07-CCC8-47CF-ABA1-F16E03A23C0A@1x.png) no-repeat;
    }

    .header-count .glyphicon-triangle-top1 {
        background: url(/images/login/54835A07-CCC8-47CF-ABA1-F16E03A23C0A@1xback.png) no-repeat;
    }

    .form-control-feedbackNew {
        position: absolute;
        top: 8px !important;
        left: 15px !important;
        font-size: 18px;
        color: #999;
    }

    .headerpapge_head .header-nav-new {
        max-width: 84px;
        width: 84px;
        float: right;
        padding-right: 10px;
        font-size: 14px;
        color: #323232;
    }
    .headerpapge_head .header-nav-new a {
        display: block;
        width: 84px;
        overflow: hidden;
        white-space: nowrap;
        text-overflow: ellipsis;
    }

    .headerpapge_head .popover {
        position: absolute;
        background-color: #434A54;
        max-width: 145px;
        right: -25px;
        top: 66px;
        z-index: 1005;
        display: none;
        margin: 0px;

        padding: 1px;
        font-family: "Helvetica Neue", Helvetica, Arial, sans-serif;
        font-size: 14px;
        font-style: normal;
        font-weight: 400;
        line-height: 1.42857143;
        text-align: left;
        text-align: start;
        text-decoration: none;
        text-shadow: none;
        text-transform: none;
        letter-spacing: normal;
        word-break: normal;
        word-spacing: normal;
        word-wrap: normal;
        white-space: normal;
        background-color: #434A54;
        -webkit-background-clip: padding-box;
        background-clip: padding-box;
        border: 1px solid #ccc;
        border: 1px solid rgba(0, 0, 0, .2);
        border-radius: 6px;
        -webkit-box-shadow: 0 5px 10px rgba(0, 0, 0, .2);
        box-shadow: 0 5px 10px rgba(0, 0, 0, .2);
        line-break: auto;

    }

    .headerpapge_head .popover > .arrow, .headerpapge_head .popover > .arrow:after {
        position: absolute;
        display: block;
        width: 0;
        height: 0;
        border-color: transparent;
        border-style: solid;
    }

    .headerpapge_head .popover.bottom > .arrow {
        top: -11px;
        left: 50%;
        margin-left: -11px;
        border-top-width: 0;
        border-bottom-color: #434A54;
        /*border-bottom-color: rgba(0,0,0,.25);*/
        background-image: none;
    }

    .headerpapge_head .popover .bottom > .arrow:after {
        border-bottom-color: #434A54
    }

    .headerpapge_head .popover-content {
        padding: 5px 0
    }

    .headerpapge_head .popover-content .nav-option {
        height: 30px;
        line-height: 30px;
        padding-left: 10px
    }

    .headerpapge_head .popover-content .nav-option:hover {
        background-color: #393F48
    }

    .headerpapge_head .popover-content .nav-option a {
        display: block
    }

    .headerpapge_head .show-header-nav:hover .header-nav {
        display: block
    }

    .headerpapge_head .logo_link {
        display: block;
        width: 138px;
        float: left
    }

    .headerpapge_head .logo_link .logo_new {
        height: 66px;
    }

    .headerpapge_head .glyphicon {
        cursor: pointer;
        color: gray;
        position: absolute;
        top: 0;
        right: 0;
        z-index: 2;
        display: block;
        width: 34px;
        height: 34px;
        line-height: 34px;
        text-align: center;
        pointer-events: none;

    }

    .headerpapge_head .form-control {
        width: 400px;
        height: 34px;
        padding: 7px 12px;
        border: 1px solid #dcdcdc;
    }

    .headerpapge_head .form-control:focus {
        border-color: #66afe9;
        outline: 0;
        -webkit-box-shadow: inset 0 1px 1px rgba(0, 0, 0, .075), 0 0 8px rgba(102, 175, 233, .6);
        box-shadow: inset 0 1px 1px rgba(0, 0, 0, .075), 0 0 8px rgba(102, 175, 233, .6)
    }

    .headerpapge_head .searchForKeyword {
        margin-top: 16px;
        padding-left: 21px;
    }

    .headerpapge_head .searchForKeyword #keyword {
        padding-left: 41px;
    }

    .headerpapge_head .searchForKeyword .glyphicon {
        /*font-family:"searchIcon";*/
        left: 3px;
        color: #c8c8c8;
        font-size: 17px;
        font-weight: lighter;
    }

    .headerpapge_head .header-left {
        line-height: 66px;
        height: 66px
    }

    .headerpapge_head .header-left .header-count {
        position: relative;
    }

    .headerpapge_head .header-left .header-count a, .header-left .header-count a:hover {
        color: #333;
        text-decoration: none
    }

    .headerpapge_head .header-left .header-count .header-nav a, .header-left .header-count .header-nav a:hover {
        color: #fff;
        text-decoration: none
    }

    .headerpapge_head .header-left .btn_free {
        width: 108px;
        height: 32px;
        line-height: 32px;
        text-align: center;
        font-size: 14px;

        display: block;
        border: 1px solid #dcdcdc;
        color: #646464;
        margin-top: 18px;
        float: right;
    }

    .headerpapge_head .header-left .btn_free:hover {
        color: #333;
    }

    .btn_free:active, .btn_free:hover, .btn_free:link, .btn_free:visited {
        text-decoration: none
    }

    .headerpapge_head .header-left .header-count .media-photo {
        -webkit-backface-visibility: hidden;
        backface-visibility: hidden;
        position: relative;
        display: inline-block;
        vertical-align: bottom;
        overflow: visible;
        margin-top: 14px
    }

    .headerpapge_head .header-left .header-count .media-round .new{
        position: absolute;
        top:-2px;
        right: -18px;

        display: none;
        padding: 3px 6px;
        background: #FF6766;
        border-radius: 12px;

        font-size: 12px;
        color: #FFFFFF;
        line-height: 12px;
        -webkit-transform: scale(0.66);
        -moz-transform: scale(0.66);
        -ms-transform: scale(0.66);
        -o-transform: scale(0.66);
        transform: scale(0.66);
    }
    .headerpapge_head .header-left .header-count .media-round img{
        border-radius: 50%;
    }

    .headerpapge_head .searchForKeyword .search_box {
        width: 400px;
        border: 1px solid #c4c4c4;
        border-radius: 2px;
        background-color: #fff;
        color: #565a5c;
        display: none;
        position: absolute;
        z-index: 1001;
    }

    .headerpapge_head .searchForKeyword .search_box .check_key {
        list-style-type: none;
        padding-left: 0;
        max-height: 500px;
        overflow-y: auto;
        overflow-x: visible
    }

    .headerpapge_head .searchForKeyword .search_box .check_key li {
        height: 35px;
        line-height: 35px;
        border-bottom: 1px solid #c4c4c4;
        padding-left: 20px;
        cursor: pointer;
        overflow: hidden;
        white-space: nowrap;
        text-overflow: ellipsis;
        text-align: left;
    }

    .headerpapge_head .searchForKeyword .search_box .check_key li:hover {
        background-color: #F3F3F3
    }

    .headerpapge_head .searchForKeyword .search_box .check_key li:last-child {
        border-bottom-width: 0
    }

    .popover > .arrow {
        border-width: 11px
    }

    .popover > .arrow:after {
        content: "";
        border-width: 10px
    }

    .popover > .arrow, .popover > .arrow:after {
        position: absolute;
        display: block;
        width: 0;
        height: 0;
        border-color: transparent;
        border-style: solid;
    }

    .popover .bottom {
        position: absolute;
        top: 55px;
        left: 64px;
        z-index: 1060;
        max-width: 276px;
        padding: 1px;
        font-family: "Helvetica Neue", Helvetica, Arial, sans-serif;
        font-size: 14px;
        font-style: normal;
        font-weight: 400;
        line-height: 1.42857143;
        text-align: left;
        text-align: start;
        text-decoration: none;
        text-shadow: none;
        text-transform: none;
        letter-spacing: normal;
        word-break: normal;
        word-spacing: normal;
        word-wrap: normal;
        white-space: normal;
        background-color: #434A54;
        -webkit-background-clip: padding-box;
        background-clip: padding-box;
        border: 1px solid #ccc;
        border: 1px solid rgba(0, 0, 0, .2);
        border-radius: 6px;
        -webkit-box-shadow: 0 5px 10px rgba(0, 0, 0, .2);
        box-shadow: 0 5px 10px rgba(0, 0, 0, .2);
        line-break: auto
    }

    .popover .bottom > .arrow {
        top: -11px;
        left: 50%;
        margin-left: -11px;
        border-top-width: 0;
        border-bottom-color: #333;
        border-bottom-color: rgba(0, 0, 0, .25);
        background-image: none
    }

    .popover .bottom > .arrow:after {
        top: 1px;
        margin-left: -10px;
        content: " ";
        border-top-width: 0;
        border-bottom-color: #fff
    }

    .popover-content {
        padding: 9px 14px;
        text-align: left;
        font-size: 14px;
    }

    .color333 {
        color: #333 !important
    }

    .header_register, .header_login {
        display: block;
        /*width: 28px;*/
        height: 14px;
        font-size: 14px;
        color: #323232;
        text-align: center;
        margin-right: 30px;

        float: right;
    }

    .clearfx {
        clear: both;
    }

    .searchkeyword {
        background: #fff;
        border-top: 1px solid #c4c4c4;
        padding: 10px 20px;
        display: none;
        text-align: left;
    }

    /*添加搜索按钮*/
    .search-button-box {
        position: absolute;
        left: 380px;
        top: 0;
        cursor: pointer;
    }

    .m_f14 {
        margin-left: 14px;
    }

    .search-button {
        width: 100px;
        height: 34px;
        line-height: 34px;
        font-size: 16px;
        color: #ffffff;
        text-align: center;
        color: #fff;
        background-color: #ff6766;
        margin-top: 0;
        border-radius: 4px;
        -moz-border-radius: 4px;
        -webkit-border-radius: 4px;

    }

    .headerpapge_head .form-control {
        width: 360px;
    }

    /*区分房东那个和房客的样式*/
    .pb5 {
        padding-bottom: 5px;
    }

    .headerpapge_head .popover.header-nav-news > .arrow {
        left: 128px;
    }

    .headerpapge_head .popover.header-nav-one > .arrow {
        left: 104px;
    }

    .header-nav-line {
        display: inline-block;
        height: 10px;
        line-height: 12px;
        width: 1px;
        border-right: 1px solid rgba(255, 255, 255, .4)
    }

    .headerpapge_head .popover.header-nav-news {
        top: 65px;
        left: inherit;
        right: -10px;
    }

    .headerpapge_head .popover.header-nav-one {
        left: inherit;
        right: -3px;
        max-width: 143px;
        width: 143px;
    }

    .headerpapge_head .popover.header-nav-news {
        max-width: 183px;
        width: 183px;
        /*height: 235px;*/
    }

    .headerpapge_head .header-nav-one.header-nav .popover-content {
        width: 140px;
        height: 183px;
        padding: 7px 0 10px 0;
    }

    .headerpapge_head .header-nav-one.header-nav .popover-content .nav-option {
        width: 100%;
        font-size: 14px;
        line-height: 30px;
        padding-left: 20px;
        margin: 3px 0;
    }

    /*.headerpapge_head .popover.header-nav-one {max-width: 150px;width:150px;}*/
    .headerpapge_head .popover.header-nav-news div.popover-content-new {
        width: 183px;
        color: #fff;
        left: 0px;
        padding: 10px 10px 5px 10px;
    }

    .headerpapge_head .popover.header-nav-news .popover-content-new a {
        font-size: 14px;
        line-height: 16px;
        display: block;
        color: #fff;
        padding: 5px 5px 5px 5px;
        margin: 0 4px;
    }

    .headerpapge_head .popover.header-nav-news .popover-content-new a.now {
        background-color: #393f48;
        border-radius: 6px;
    }

    .headerpapge_head .popover.header-nav-news .nav-option-new {
        color: #999;
    }

    .headerpapge_head .popover.header-nav-news .nav-option-new .new {
        position: absolute;
        top: 3px;
        right: 1px;

        display: none;
        width: 7px;
        height: 7px;
        border-radius: 100%;
        background: #FF6766;
    }

    .headerpapge_head .popover.header-nav-news a.nav-option-new-title {
        font-size: 16px;
        line-height: 16px;
        padding: 10px 0 5px 5px;
    }

    .headerpapge_head .popover.header-nav-news .nav-option-new-logout {
        width: 100%;
        text-align: center;
        border-top: 1px solid #393f48;
        height: 30px;
    }

    .headerpapge_head .popover.header-nav-news .nav-option-new-logout a {
        font-size: 14px;
        color: #fff;
        line-height: 30px;
    }

    .headerpapge_head .language{
        float: right;
        margin-right: 24px;
        padding-right: 20px;
    }
    .headerpapge_head .language .language-popover{
        position: absolute;
        left: -30px;
        padding: 5px 0;
        color: #fff;
        width: 150px;
    }
    .headerpapge_head .language .language-popover .nav-option{
        padding-left: 20px;
        cursor: pointer;
    }
</style>
<link href="./个人资料 - 一家民宿Onehome_files/global.css" media="all" rel="stylesheet" type="text/css">
<script type="text/javascript" src="./个人资料 - 一家民宿Onehome_files/jquery.i18n.properties.js.下载"></script>
<script type="text/javascript" src="./个人资料 - 一家民宿Onehome_files/language.extensions.js.下载"></script>

<div class="padding0 headerpapge_head">
    <div class="row">
        <div class="col-sm-12 col-md-8 col-lg-8 fl padding0">
            <a href="http://www.onehome.me/" class="logo_link"><img src="./个人资料 - 一家民宿Onehome_files/logo.png" class="logo_new"></a>
            <!--<form action="/search/p_check" onsubmit="return submitForSearch();" class="search-form">-->
            <div class="searchForKeyword form-group col-md-8 col-lg-8 padding0">
                <!--<label for="keyword" class="sr-only" style="display:none;">关键词搜索</label>-->
                <div class="col-sm-7 col-lg-8 col-md-6 padding0" style="padding:0px">
                    <span class="icon icon-uniE688 form-control-feedbackNew"></span>
                    <input type="hidden" name="type" value="keyword">
                    <input type="text" name="keyword" selfkeyword="" class="form-control" id="keyword" placeholder="想去哪里" autocomplete="off" value="">
                    <input type="hidden" name="level" value="">
                    <input type="hidden" name="levelid" value="">
                    <input type="hidden" name="act" value="check">
                    <div class="search_box col-lg-8 col-md-8 padding0" style="margin:0;">
                        <ul class="check_key">
                        </ul>
                        <div class="searchkeyword"></div>
                    </div>
                    <div class="search-button-box padding0">
                        <div class="search-button">搜索</div>
                    </div>
                </div>

                <div style="clear:both;"></div>
            </div>
            <!--</form>-->
        </div>
        <div class="col-md-4 col-lg-4 fr padding0">

            <div class="header-left">

                <a href="javascript:void(0);" class="btn_free" id="free_publish">免费发布房间</a>

                <div class="language header-count header-count-new">
                    <div>
                        <span class="currentLanguage"></span>
                        <span class="glyphicon-triangle-bottom1" aria-hidden="true"></span>
                        <span class="glyphicon-triangle-top1" style="display:none" aria-hidden="true"></span>
                    </div>
                    <div class="language-popover popover bottom">
                        <div class="arrow"></div>
                        <div class="popover-content">
                            <div class="nav-option" data-code="zh">简体中文</div>
                            <div class="nav-option" data-code="tw">繁體中文</div>
                            <div class="nav-option" data-code="en">English</div>
                            <div class="nav-option" data-code="ja-jp">日本語</div>
                            <div class="nav-option" data-code="ko-kr">한국어</div>
                            <div class="clear"></div>
                        </div>
                    </div>
                </div>

                                <div class="header-count text-right header-count-new">
                                        <a href="http://www.onehome.me/room/p_journey">
                                                    <div class="padding0 head-newimg">
                                <div class="media-photo media-round">
                                                                        <img width="34" height="34" src="./个人资料 - 一家民宿Onehome_files/get.php" alt="">
                                                                        <!--<span class="new">NEW</span>-->
                                </div>
                                <span class="glyphicon-triangle-bottom1" aria-hidden="true"></span>
                                <span class="glyphicon-triangle-top1" style="display:none" aria-hidden="true"></span>
                            </div>
                            </a><div class="text-right show-header-nav header-nav-new"><a href="http://www.onehome.me/room/p_journey">
                                </a><a href="javascript:void(0);" class="font14 color333">shuke</a>
                            </div>
                            <div class="clear"></div>
                        
                        <div class="col-lg-2 col-md-2 padding0 hide">
                            <a href="JavaScript:void(0);"><img src="./个人资料 - 一家民宿Onehome_files/header_inbox.png" style="margin-top: 25px;"></a>
                        </div>


                        <!--<div class="popover bottom header-nav header-nav-new2">-->
                        <!--<div class="arrow"></div>-->
                        <!--<div class="popover-content"-->
                        <!--<div class="nav-option"><a href="/room/p_journey">我的预订</a></div>-->
                        <!--<div class="nav-option"><a href="/room/p_myRooms">我的房源</a></div>-->
                        <!--<div class="nav-option"><a href="/user/p_infor">个人资料</a></div>-->
                        <!--<div class="nav-option"><a href="JavaScript:void(0);"  id="IM-Logout" class="exitout">退出</a></div>-->
                        <!--<div class="clear"></div>-->
                        <!--</div>-->
                        <!--</div>-->
                                                <!--只有房客-->
                        <div class="popover bottom header-nav header-nav-one">
                            <div class="arrow"></div>
                            <div class="popover-content">
                                <div class="nav-option"><a href="http://www.onehome.me/room/p_journey">我的订单</a></div>
                                <div class="nav-option"><a href="http://www.onehome.me/redPacket/p_myPacket">旅行红包</a></div>
                                <div class="nav-option"><a href="http://www.onehome.me/room/p_wishlists">我的收藏</a></div>
                                <div class="nav-option"><a href="http://www.onehome.me/user/p_infor">个人资料</a></div>
                                <div class="nav-option"><a href="JavaScript:void(0);" onclick="exit();" id="IM-Logout">退出</a>
                                </div>
                                <div class="clear"></div>
                            </div>
                        </div>
                        
                </div>
                            </div>
        </div>
        <div class="clearfx"></div>
    </div>

    <div class="clearfx"></div>

</div>


<!--<script src="/js/jquery-ui.js"></script>-->
<script>

    $(function () {
	    if(!$.cookie('flashHasRead') || $.cookie('flashHasRead')!='true'){
		    $('.headerpapge_head .new').show();
	    }

        $('.exitout').on('click', function () {
            exit_Header();
        })

        $('.header_login').on('click', function () {
            loginLink_Header();
	        /*var htmlobj=$.ajax({url:"/inbox/p_loginBox",async:false});
	        $("body").append(htmlobj.responseText);*/
        })


        function loginLink_Header() {
            var host = window.location.host;
            var href = window.location.href;
            var his_ex = href.indexOf(host);
            var history = href.substring(his_ex + host.length, href.length);
            if (history.indexOf('/forget/p_forget') >= 0 || history.indexOf('/login/p_login') >= 0 || history.indexOf('/register/p_register') >= 0) {
                window.location.href = '/login/p_login';
            } else {
                window.location.href = '/login/p_login?history=' + history;
            }
        }

        function exit_Header() {
            $.cookie("sid", null, {"expires": -1, path: "/"});
            $.cookie("yyoh", null, {"expires": -1, path: "/"});
            $.cookie("user_nickName", null, {"expires": -1, path: "/"});
            $.cookie("user_faceUrl", null, {"expires": -1, path: "/"});
            $.cookie("id", null, {"expires": -1, path: "/"});
            $.cookie("prefixPhoneNum", null, {"expires": -1, path: "/"});
            $.cookie("phone", null, {"expires": -1, path: "/"});
            $.cookie("password", null, {"expires": -1, path: "/"});
            $.cookie("remember_me", null, {"expires": -1, path: "/"});
            $.cookie("temporary_chat", null, {"expires": -1, path: "/"});
            $.cookie("openedchatbox", null, {"expires": -1, path: "/"});
            $.cookie("openedservicebox", null, {"expires": -1, path: "/"});

            var href = window.location.href;
            if (href.indexOf('systemParam') >= 0 && href.indexOf('yyoh') >= 0 && href.indexOf('userId') >= 0) {
                window.location.replace(window.location.protocol + '//' + window.location.host + window.location.pathname);
            } else {
                window.location.reload();
            }
        }

        /*
         * 所有日历页面，点击日期其他地方隐藏插件
         * for all page
         */
        $(document).click(function () {
            if ($('.search_box').is(':visible')) {
                $('.search_box').hide();
            }
        });
        $('input[name=keyword],input[name=keyword2]').click(function () {
            var keys = $(this).attr('id');
            checkKeyword2(keys);
        });
        $('input[name=keyword],input[name=keyword2]').keyup(function () {
            var keys = $(this).attr('id');
            checkKeyword2(keys);
        });
        //点击如果文字条件改编立马变成关键词搜索
        $('input[name=keyword],input[name=keyword2]').change(function () {
            $('input[name=type]').val('keyword');
            $('input[name=level]').val('');
            $('input[name=levelid]').val('');
        });
        $('.search_box').on('click', '.key', function (e) {
            e.stopPropagation();
            var host = window.location.host;
            if ($(this).attr('id') == '-1' || $(this).attr('data-level') == '10') {
                //如果是第一个就直接按照第一个关键词进行查询
                var adds = '';
                if ($(this).attr('id') == '-1') {
                    keyword = $(this).children('span').html();
                } else {
                    keyword = $(this).html();
                    $('input[name=keyword]').val(keyword);
                    adds = '?land=' + $(this).attr('data-id');
                }
                //设定默认的查询条件
                $('input[name=type]').val('keyword');

                //如果是第一个就直接按照第一个关键词进行查询
                var keyword = $.trim($('input[name=keyword]').val());
                var keyworidinfo = $('.keywordinfo');
                var keywordlevel = keyworidinfo.attr('level');
                var keywordid = keyworidinfo.attr('id');
                if (keywordlevel != 'undefined' && keywordlevel != '' && keywordid != 'undefined' && keywordid != '' && !adds) {
                    window.location.replace("//" + host + "/kw/" + keyword + "/?level=" + keywordlevel + '&id=' + keywordid);
                }
                else {
                    window.location.replace("//" + host + "/kw/" + keyword + "/" + adds);
                }

//                window.location.replace("//"+host+"/kw/"+keyword+"/"+adds);

            } else if ($(this).attr('data-level') == '11') {
                //景点的情况
                //如果是第二个就按照地区进行查
                var keyword = $(this).html();
                var level = $(this).attr('data-level');
                var levelid = $(this).attr('data-id');
                var pinyin = $(this).attr('data-pinyin');

                //设定默认的查询条件
                $('input[name=type]').val('level');
                $('input[name=level]').val(level);
                $('input[name=levelid]').val(levelid);
                //var city = 'beijign';
                window.location.replace("//" + host + "/" + pinyin + "/land" + levelid + "/");
            } else {
                //如果是第二个就按照地区进行查
                var keyword = $(this).html();
                var level = $(this).attr('data-level');
                var levelid = $(this).attr('data-id');
                var pinyin = $(this).attr('data-pinyin');
                //设定默认的查询条件
                $('input[name=type]').val('level');
                $('input[name=level]').val(level);
                $('input[name=levelid]').val(levelid);

                $.cookie("searchKeyword", keyword, {"expires": 10, path: "/"});


                if (pinyin && pinyin != 'undefined') {
//                    window.location.replace("//"+host+"/"+pinyin+"/");
                    window.location.replace("//" + host + "/" + pinyin + "/?level=" + level + "&land=" + levelid);


                } else {
                    window.location.replace("//" + host + "/" + pinyin + "/land" + levelid + "/");
                }

//                window.location.replace("//"+host+"/kw/"+keyword+"/");
            }

            $('input[name=keyword]').val(keyword);
            $('.search_box').hide();
        });

        function checkKeyword2(keys) {
            var keyword = $.trim($('input[name=' + keys + ']').val());
            keyword = keyword.replace(/^\s\s*/, '').replace(/\s\s*$/, '');
            if (keyword.length > 0) {
                treatData('house/getLevelByKeywords', '{"keyword":"' + keyword + '"}', function (data) {

                    if ($.trim($('input[selfkeyword]').val()) == keyword) {
                        $('input[selfkeyword]').attr('triggerflag', 1);
                    }
                    else {
                        $('input[selfkeyword]').attr('triggerflag', 0);
                    }


                    var $searchbox = $('.search_box');
                    $searchbox.show();
                    var $searchul = $searchbox.find('ul');
                    $searchul.html('');
                    var exceptionObj = $('.exceptionObj');

//                    $searchul.append('<li class="key" id="-1">搜索"<span>'+keyword+'</span>"</li>');
                    var list = data.result.levelList;
                    for (var i = 0; i < list.length; i++) {
                        if (list[i].level == 11)
                            $searchul.append('<li class="key" id="' + i + '" data-level="' + list[i].level + '" data-id="' + list[i].id + '" data-pinyin="' + list[i].cityNamePinyin + '">' + list[i].name + '</li>');
                        else
                            $searchul.append('<li class="key" id="' + i + '" data-level="' + list[i].level + '" data-id="' + list[i].id + '" data-pinyin="' + list[i].pinyin + '">' + $.trim(list[i].name) + '</li>');
                    }

                    $('.searchkeyword').html('<div class="key exceptionObj" id="-1">'+$.i18n.prop('9874e22df30d9eb666c3c1f935224f7f')+'"<span class="keywordinfo" level="' + (data.result.keywordInfo.level ? data.result.keywordInfo.level : '') + '" id="' + (data.result.keywordInfo.id ? data.result.keywordInfo.id : '') + '">' + keyword + '</span>"</div>').show();

                    $('input[name=type]').val('keyword');
                });
            } else {
                if ($('.search_box').is(':visible')) {
                    $('.search_box').hide();
                }
            }
        }

        //当输入框失去焦点的时候
        $('input[name=keyword],input[name=keyword2]').focusout(function () {
            var keys = $(this).attr('id');
            $('input[name=' + keys + ']').removeClass('keyword_input');
        });
        $('input[name=keyword]').keyup(function (e) {

            var key = e.keyCode;
            if (key == 13) {
                submitForSearch();

            }
            else {
                var keys = $(this).attr('id');
                if ($('input[name=' + keys + ']').val().length > 0) {
                    $('input[name=' + keys + ']').removeClass('keyword_input');
                }
            }
        });


        $('.header-count-new').on({
            'mouseenter': function () {

                $(this).find('.glyphicon-triangle-bottom1').css('display', 'none');
	            $(this).find('.glyphicon-triangle-top1').css('display', 'inline-block');
	            $(this).find('.popover.bottom ').show();
            },
            'mouseleave': function () {

	            $(this).find('.glyphicon-triangle-bottom1').css('display', 'inline-block');
	            $(this).find('.glyphicon-triangle-top1').css('display', 'none');
	            $(this).find('.popover.bottom ').hide();
//                $('.popover.bottom ').show();
            }
        });

        // 划过阴影
        $('.header-nav-news .nav-option-new a').on({
            'mouseenter': function () {
                $(this).addClass('now');
            },
            'mouseleave': function () {
                $(this).removeClass('now');

            }
        });

        // 点击搜索按钮进行搜索

        $(".search-button").click(function () {
            submitForSearch();
        });


        //搜索提交判断
        function submitForSearch() {

            if ($.trim($('input[name=keyword]').val()) == '' || $.trim($('input[name=keyword]').val()) == null) {
                $('input[name=keyword]').addClass('keyword_input');
                $('input[name=keyword]').focus();
            } else {


                var host = window.location.host;
                var $input_keyword = $('input[selfkeyword]');
                if ($input_keyword.attr('triggerflag') != 1) {
                    $('input[name=type]').val('keyword');
                }

                var startDate = $.trim($('input[name=startDate]').val());
                var endDate = $.trim($('input[name=endDate]').val());
                var accommodateNum = $.trim($('input[name=accommodateNum]').val());
                var paramUrlStr = '';
                if(startDate && endDate) {
                    paramUrlStr += 'startDate=' + startDate + '&endDate=' + endDate;
                    if(accommodateNum) {
                        paramUrlStr += '&accommodateNum=' + accommodateNum;
                    }
                } else {
                    if(accommodateNum) {
                        paramUrlStr += 'accommodateNum=' + accommodateNum;
                    }
                }
                if ($.trim($('input[name=type]').val()) == 'keyword') {

                    //如果是第一个就直接按照第一个关键词进行查询
                    var keyword = $.trim($('input[name=keyword]').val());
                    var keyworidinfo = $('.keywordinfo');
                    var keywordlevel = keyworidinfo.attr('level');
                    var keywordid = keyworidinfo.attr('id');

                    if (keywordlevel && keywordid) {
                        window.location.href = "//" + host + "/kw/" + keyword + "/?level=" + keywordlevel + '&id=' + keywordid + '&' + paramUrlStr;
                    }
                    else {
                        window.location.href = "//" + host + "/kw/" + keyword + "/" +'?'+ paramUrlStr;
                    }


//                    //设定默认的查询条件
//                    window.location.replace("//"+host+"/kw/"+keyword+"/");
                } else {
                    //如果是第二个就按照地区进行查
                    var pinyin = $.trim($('input[name=pinyin]').val());
                    window.location.href = "//" + host + "/" + pinyin + "/" +'?'+ paramUrlStr;
                }
            }
            return false;
        }

// 将上一个页面的搜索条件带入到头部搜索框
        var searchNameDom = $('#cityName').val();
        var searchName2 = $('#keyword')[0].defaultValue;
//    var searchKeyword = $.cookie("searchKeyword");
        var lastName = searchName2 || searchNameDom;
        console.log(lastName);
        $('#keyword').val(lastName);

        // 发布房间先创建房间
        $('#free_publish').click(function(){
            var param = {};
            param.yyoh = $.cookie('yyoh');
            param.userId = $.cookie('id');
            param.attrValueList = {};
            var value = JSON.stringify(param);
            treatData('houseWeb/createWebHouse',value,function(data,url){
                if(data.status.status_code == 0){
                    window.location.href = "/publish/p_publish?houseid="+data.result.House+"&act=address&newPage=true";
                }else if(data.status.status_code == 101){
                    // 未登陆
                    loginLink_Header();
                }else{
                    alert(data.status.status_reason);
                }
            });
        });

        //多语言
        var language = $.cookie('language') || 'zh';
        var languageObj = {
        	'zh': '简体中文',
            'tw': '繁體中文',
            'ja-jp': '日本語',
            'en': 'English',
            'ko-kr': '한국어'
        };
        $('.currentLanguage').html(languageObj[language] || '简体中文');
        $('.language-popover .nav-option').click(function () {
            $.cookie('language',$(this).attr('data-code'),{"expires":365, path:"/"});
	        window.location.reload();
        })
    })


</script>


    </div>
</div>
<div class="div_overlay"></div>
<div class="tailor_box"></div>

<div class="main">
    <!--error-->
    <div class="alert alert-info alert-dismissible text-center" role="alert" style="display: none;">
        <button type="button" class="close" data-dismiss="alert" aria-label="Close">
            <span aria-hidden="true">×</span>
        </button>
        <span id="infor_back"></span>
    </div>
    <!--/error-->
    <div class="container padding0">
        <div class="row marginT35 marginB30">
            <div class="col-sm-2 hidden-xs">
                <!--header start-->
                <ul class="list-unstyled nav-details">
    <li class="stair">我是房东</li>
    <li><a href="http://www.onehome.me/payments/p_reservations" target="_self" data-nav="reservations landlord">订单管理</a></li>
    <li><a href="http://www.onehome.me/room/p_myRooms" target="_self" data-nav="myRooms">我的房源</a></li>
    <li><a href="http://www.onehome.me/room/p_calendarRooms" target="_self" data-nav="calendarRooms">日历设置</a></li>
    <!--<li><a href='/room/p_flashRooms' target="_self" data-nav='flashRooms'>闪订管理</a><span class="new">NEW</span></li>-->
    <li><a href="http://www.onehome.me/room/p_flashRooms" target="_self" data-nav="flashRooms">闪订管理</a></li>
    <li><a href="http://www.onehome.me/bank/p_paymentMethod" target="_self" data-nav="paymentMethod">收款方式</a></li>

    <li class="stair">我是房客</li>
    <li><a href="http://www.onehome.me/room/p_journey" target="_self" data-nav="journey">我的订单</a></li>
    <li><a href="http://www.onehome.me/room/p_wishlists" target="_self" data-nav="wishlists">我的收藏</a></li>
    <li><a href="http://www.onehome.me/redPacket/p_myPacket" target="_self" data-nav="myPacket">旅行红包</a></li>

    <li class="stair">个人中心</li>
    <li class="action"><a href="http://www.onehome.me/user/p_infor" target="_self" data-nav="infor">个人资料</a></li>
    <li><a href="http://www.onehome.me/user/p_certify" target="_self" data-nav="certify">身份认证</a></li>

    <li class="stair">消息</li>
    <!--<li><a href='/user/p_toLook' target="_self" data-nav='toLook'>看看</a></li>-->
    <li><a href="http://www.onehome.me/user/p_notify" target="_self" data-nav="notify">通知</a></li>

    <li class="stair">设置</li>
    <li><a href="http://www.onehome.me/user/p_password" target="_self" data-nav="password">修改密码</a></li>
    <li><a href="http://www.onehome.me/user/p_feedback" target="_self" data-nav="feedback">意见反馈</a></li>
</ul>
<script>
    $(function () {
        if(!$.cookie('flashHasRead') || $.cookie('flashHasRead')!='true'){
        	$('.nav-details .new').css('display','inline-block');
        }
    })
</script>
                <!--header start-->
            </div>
            <div class="col-sm-10 col-xs-12 detail-box userInfo">
                <div class="h1">个人资料</div>
                    <div class="topNav">
                        <div class="menu active" data-type="getUnuseCouponList">个人信息</div>
                        <div class="heng"><img src="./个人资料 - 一家民宿Onehome_files/line.png"></div>
                        <div class="menu" data-type="getUsedCouponList">个人头像</div>
                    </div>
                <!--个人信息-->
                <div class="col-xs-12 padding0">
                    <div class="border-box topNav0" style="display: block;">
                        <table class="table myself-info-table">
                            <tbody><tr>
                                <td width="15%" class="text-right"><span class="redMark">*</span>昵称</td>
                                <td width="85%">
                                    <div class="col-sm-12">
                                        <input type="text" id="nickName" name="user[nickName]" class="form-control no-radius" onchange="changeBg(&#39;nickName&#39;)" maxlength="15" value="">
                                    </div>
                                </td>
                            </tr>
                            <tr>
                                <td class="text-right"><span class="redMark">*</span>性别</td>
                                <td>
                                    <div class="col-sm-3">
                                        <select id="sex" name="user[sex]" class="form-control col-sm-3 no-radius">
                                            <option value="1">男性</option>
                                            <option value="2">女性</option>
                                            <!--<option value="0">未知</option>-->
                                        </select>
                                    </div>
                                    <div class="clear"></div>
                                    <!--<div class="col-sm-12 text-muted hidden-xs">此数据仅用于分析，我们不会透露给其它用户。</div>-->
                                </td>
                            </tr>
                            <tr>
                                <td class="text-right">出生日期</td>
                                <td>
                                    <div class="col-sm-9 birthdaySelect where-city">
                                        <select name="year" class="form-control no-radius"><option value="" selected="">年</option><option value="1930">1930</option><option value="1931">1931</option><option value="1932">1932</option><option value="1933">1933</option><option value="1934">1934</option><option value="1935">1935</option><option value="1936">1936</option><option value="1937">1937</option><option value="1938">1938</option><option value="1939">1939</option><option value="1940">1940</option><option value="1941">1941</option><option value="1942">1942</option><option value="1943">1943</option><option value="1944">1944</option><option value="1945">1945</option><option value="1946">1946</option><option value="1947">1947</option><option value="1948">1948</option><option value="1949">1949</option><option value="1950">1950</option><option value="1951">1951</option><option value="1952">1952</option><option value="1953">1953</option><option value="1954">1954</option><option value="1955">1955</option><option value="1956">1956</option><option value="1957">1957</option><option value="1958">1958</option><option value="1959">1959</option><option value="1960">1960</option><option value="1961">1961</option><option value="1962">1962</option><option value="1963">1963</option><option value="1964">1964</option><option value="1965">1965</option><option value="1966">1966</option><option value="1967">1967</option><option value="1968">1968</option><option value="1969">1969</option><option value="1970">1970</option><option value="1971">1971</option><option value="1972">1972</option><option value="1973">1973</option><option value="1974">1974</option><option value="1975">1975</option><option value="1976">1976</option><option value="1977">1977</option><option value="1978">1978</option><option value="1979">1979</option><option value="1980">1980</option><option value="1981">1981</option><option value="1982">1982</option><option value="1983">1983</option><option value="1984">1984</option><option value="1985">1985</option><option value="1986">1986</option><option value="1987">1987</option><option value="1988">1988</option><option value="1989">1989</option><option value="1990">1990</option><option value="1991">1991</option><option value="1992">1992</option><option value="1993">1993</option><option value="1994">1994</option><option value="1995">1995</option><option value="1996">1996</option><option value="1997">1997</option><option value="1998">1998</option><option value="1999">1999</option><option value="2000">2000</option><option value="2001">2001</option><option value="2002">2002</option><option value="2003">2003</option><option value="2004">2004</option><option value="2005">2005</option><option value="2006">2006</option><option value="2007">2007</option><option value="2008">2008</option><option value="2009">2009</option><option value="2010">2010</option><option value="2011">2011</option><option value="2012">2012</option><option value="2013">2013</option><option value="2014">2014</option><option value="2015">2015</option><option value="2016">2016</option><option value="2017">2017</option><option value="2018">2018</option><option value="2019">2019</option><option value="2020">2020</option><option value="2021">2021</option></select>
                                        <select name="month" class="form-control no-radius"><option value="" selected="">月</option><option value="01">1月</option><option value="02">2月</option><option value="03">3月</option><option value="04">4月</option><option value="05">5月</option><option value="06">6月</option><option value="07">7月</option><option value="08">8月</option><option value="09">9月</option><option value="10">10月</option><option value="11">11月</option><option value="12">12月</option></select>
                                        <select name="day" class="form-control no-radius"><option value="" selected="">日</option><option value="01">1日</option><option value="02">2日</option><option value="03">3日</option><option value="04">4日</option><option value="05">5日</option><option value="06">6日</option><option value="07">7日</option><option value="08">8日</option><option value="09">9日</option><option value="10">10日</option><option value="11">11日</option><option value="12">12日</option><option value="13">13日</option><option value="14">14日</option><option value="15">15日</option><option value="16">16日</option><option value="17">17日</option><option value="18">18日</option><option value="19">19日</option><option value="20">20日</option><option value="21">21日</option><option value="22">22日</option><option value="23">23日</option><option value="24">24日</option><option value="25">25日</option><option value="26">26日</option><option value="27">27日</option><option value="28">28日</option><option value="29">29日</option><option value="30">30日</option><option value="31">31日</option></select>
                                    </div>
                                    <div class="clear"></div>
                                    <div class="col-sm-12 text-muted hidden-xs">您来到这个世界的神奇日子。此数据仅作分析用途，我们不会透露给其它用户。</div>
                                </td>
                            </tr>
                            <tr>
                                <td class="text-right">电子邮箱</td>
                                <td>
                                    <div class="col-sm-12 email-parent">
                                        <input id="email" name="email" class="form-control no-radius" size="30" type="text" placeholder="例如，my@onehome.com">
                                        <a href="javascript:;" class="vertifyBtn" data-emailstatus="0">去验证</a>
                                        <div class="text-muted hidden-xs">我们不会向其他Onehome用户透露您的个人电子邮件地址。</div>
                                    </div>
                                </td>
                            </tr>
                            <tr>
                                <td class="text-right">真实姓名</td>
                                <td>
                                    <div class="col-sm-12">
                                        <input id="trueName" name="trueName" class="form-control no-radius" size="30" type="text" placeholder="例如，张三">
                                        <div class="text-muted hidden-xs">我们不会向其他Onehome用户透露您的个人信息。</div>
                                    </div>
                                </td>
                            </tr>
                            <tr>
                                <td class="text-right">所在城市</td>
                                <td>
                                    <div class="col-sm-9 address where-city">
                                        <select class="form-control no-radius" name="levelId1"><option value="0" level="2">选择国家或地区</option><option value="20150454" level="3">阿尔及利亚</option><option value="20150446" level="3">阿根廷</option><option value="20150562" level="3">阿拉伯联合酋长国</option><option value="20150565" level="2">爱尔兰</option><option value="20150445" level="2">安道尔</option><option value="20150427" level="4">奥地利</option><option value="20150448" level="2">奥兰群岛</option><option value="20150426" level="3">澳大利亚</option><option value="20150563" level="2">澳门</option><option value="20150481" level="3">巴基斯坦</option><option value="20150451" level="3">巴西</option><option value="20150450" level="3">保加利亚</option><option value="20150428" level="3">比利时</option><option value="20150434" level="2">冰岛</option><option value="20150484" level="3">波多黎各</option><option value="20150482" level="3">波兰</option><option value="20150431" level="3">丹麦</option><option value="20150452" level="3">德国</option><option value="20150453" level="2">多米尼亚共和国</option><option value="20150489" level="3">俄罗斯</option><option value="20150444" level="3">法国</option><option value="20150433" level="2">法罗群岛</option><option value="20150455" level="4">法属圭亚那</option><option value="20150480" level="2">菲律宾</option><option value="20150560" level="3">斐济</option><option value="20150432" level="2">芬兰</option><option value="20150506" level="2">刚果</option><option value="20150457" level="2">格陵兰</option><option value="20150456" level="3">根西岛</option><option value="20150458" level="4">瓜德罗普岛</option><option value="20150460" level="3">关岛</option><option value="20150485" level="3">韩国</option><option value="20150438" level="3">荷兰</option><option value="20150429" level="3">加拿大</option><option value="20150561" level="3">柬埔寨</option><option value="20150430" level="3">捷克共和国</option><option value="20150461" level="3">克罗地亚</option><option value="20150564" level="4">肯尼亚</option><option value="20150557" level="3">老挝</option><option value="20150470" level="3">立陶宛</option><option value="20150468" level="3">列支敦士登</option><option value="20150487" level="4">留尼汪</option><option value="20150471" level="2">卢森堡</option><option value="20150488" level="3">罗马尼亚</option><option value="20150465" level="3">马恩岛</option><option value="20150559" level="3">马尔代夫</option><option value="20150437" level="3">马来西亚</option><option value="20150476" level="2">马里</option><option value="20150475" level="2">马其顿</option><option value="20150474" level="2">马绍尔群岛</option><option value="20150477" level="3">马提尼克岛</option><option value="20150495" level="3">马约特岛</option><option value="20150558" level="3">毛里求斯</option><option value="20150423" level="3">美国</option><option value="20150447" level="2">美属萨摩亚</option><option value="20150494" level="3">美属维尔京群岛</option><option value="20150517" level="2">蒙古</option><option value="20150449" level="3">孟加拉国</option><option value="20150502" level="2">缅甸</option><option value="20150473" level="3">摩尔多瓦</option><option value="20150518" level="3">摩洛哥</option><option value="20150472" level="3">摩纳哥</option><option value="20150519" level="2">莫桑比克</option><option value="20150478" level="4">墨西哥</option><option value="20150520" level="2">纳米比亚</option><option value="20150496" level="2">南非</option><option value="20150521" level="2">瑙鲁</option><option value="20150522" level="2">尼泊尔</option><option value="20150523" level="2">尼加拉瓜</option><option value="20150524" level="2">尼日尔</option><option value="20150525" level="2">尼日利亚</option><option value="20150526" level="2">纽埃</option><option value="20150439" level="3">挪威</option><option value="20150486" level="3">葡萄牙</option><option value="20150436" level="3">日本</option><option value="20150490" level="3">瑞典</option><option value="20150441" level="3">瑞士</option><option value="20150508" level="2">萨尔瓦多</option><option value="20150532" level="2">塞拉利昂</option><option value="20150530" level="2">塞内加尔</option><option value="20150507" level="2">塞浦路斯</option><option value="20150531" level="2">塞舌尔</option><option value="20150529" level="2">沙特阿拉伯</option><option value="20150528" level="2">圣多美和普林西比</option><option value="20150527" level="2">圣马力诺</option><option value="20150483" level="2">圣皮埃尔和密克隆群岛</option><option value="20150469" level="3">斯里兰卡</option><option value="20150492" level="3">斯洛伐克</option><option value="20150491" level="2">斯洛文尼亚</option><option value="20150536" level="2">斯威士兰</option><option value="20150535" level="2">苏丹</option><option value="20150533" level="2">所罗门群岛</option><option value="20150534" level="2">索马里</option><option value="20150538" level="2">塔吉克斯坦</option><option value="20150499" level="3">台湾</option><option value="20150442" level="3">泰国</option><option value="20150539" level="2">坦桑尼亚</option><option value="20150540" level="2">汤加</option><option value="20150541" level="2">特立尼达和多巴哥</option><option value="20150542" level="2">突尼斯</option><option value="20150493" level="3">土耳其</option><option value="20150543" level="2">土库曼斯坦</option><option value="20150548" level="2">瓦努阿图</option><option value="20150459" level="3">危地马拉</option><option value="20150549" level="2">委内瑞拉</option><option value="20150501" level="2">文莱</option><option value="20150544" level="2">乌干达</option><option value="20150545" level="2">乌克兰</option><option value="20150546" level="2">乌拉圭</option><option value="20150547" level="2">乌兹别克斯坦</option><option value="20150440" level="3">西班牙</option><option value="20150552" level="2">西萨摩亚</option><option value="20150510" level="3">希腊</option><option value="20150497" level="3">香港</option><option value="20150498" level="3">新加坡</option><option value="20150479" level="3">新西兰</option><option value="20150464" level="3">匈牙利</option><option value="20150537" level="2">叙利亚</option><option value="20150515" level="2">牙买加</option><option value="20150500" level="2">亚美尼亚</option><option value="20150553" level="2">也门</option><option value="20150513" level="2">伊拉克</option><option value="20150512" level="2">伊朗</option><option value="20150514" level="2">以色列</option><option value="20150435" level="3">意大利</option><option value="20150466" level="4">印度</option><option value="20150511" level="3">印度尼西亚</option><option value="20150443" level="3">英国</option><option value="20150551" level="2">英属维尔京</option><option value="20150516" level="3">约旦</option><option value="20150550" level="2">越南</option><option value="20150554" level="2">赞比亚</option><option value="20150467" level="2">泽西岛</option><option value="20150504" level="2">乍得</option><option value="20150509" level="2">直布罗陀</option><option value="20150505" level="2">智利</option><option value="20150503" level="2">中非</option><option value="20150425" level="4">中国</option></select>
                                        <select class="form-control no-radius" name="levelId2">
                                            <option value="0">选择省份</option>
                                        </select>
                                        <select class="form-control no-radius" name="levelId3" style="display:none;">
                                            <option value="0">选择城市</option>
                                        </select>
                                    </div>
                                    <div class="clear"></div>
                                </td>
                            </tr>
                            <tr>
                                <td class="text-right">职业</td>
                                <td>
                                    <div class="col-sm-9 job where-city">
                                        <select class="form-control no-radius webJob" name="joblevelId1"><option value="0">行业</option><option value="0">IT互联网</option><option value="15">农林牧渔</option><option value="18">化工能源</option><option value="6">医疗生物</option><option value="4">学生</option><option value="9">房产建筑</option><option value="7">政府法律公益</option><option value="5">教育培训</option><option value="1">文化传媒</option><option value="10">服务业</option><option value="14">机械重工</option><option value="12">轻工贸易</option><option value="2">通信电子</option><option value="3">金融</option></select>
                                        <select class="form-control no-radius webJob" name="joblevelId2" id="job">
                                            <option value="0">职业方向</option>
                                        </select>
                                        <input type="text" style="display: none;" name="" class="form-control no-radius maimaiJob" disabled="disabled" value="">
                                        <input type="text" style="display: none;" name="" class="form-control no-radius maimaiJob" disabled="disabled" value="">
                                        <em class="maimaiLog" style="display:none;"><img src="./个人资料 - 一家民宿Onehome_files/maimaiLOGO.png" alt="脉脉logo">已绑定</em>
                                    </div>
                                    <div class="clear"></div>
                                </td>
                            </tr>
                            <tr>
                                <td class="text-right">学校</td>
                                <td>
                                    <div class="col-sm-12">
                                        <input id="school" name="school" class="form-control no-radius" placeholder="学校" size="30" type="text">
                                    </div>
                                </td>
                            </tr>
                            <tr>
                                <td class="text-right">微信号</td>
                                <td>
                                    <div class="col-sm-12">
                                        <input id="wechatId" name="wechatId" class="form-control no-radius" placeholder="微信号" size="30" type="text">
                                    </div>
                                    <div class="col-sm-12 text-muted hidden-xs">为保障您的权益，我们将您的信息提供给您交易后的房东或房客。</div>
                                </td>
                            </tr>
                            <tr>
                                <td class="text-right">个人介绍</td>
                                <td>
                                    <div class="col-sm-12">
                                        <textarea cols="40" id="resume" name="resume" class="form-control no-radius" rows="7" style="resize:none;"></textarea>
                                        <div class="text-muted hidden-xs">告诉他们你会是个什么样的房东或房客；你喜欢什么？分享你最喜爱的旅游目的地、书籍、电影、电视节目、音乐以及食物</div>
                                    </div>
                                </td>
                            </tr>
                            <tr>
                                <td class="text-right">兴趣爱好</td>
                                <td>
                                    <div class="col-sm-12">
                                        <div class="interest-par">
                                            <div class="interest-tit clearfix">
                                                <span class="">点击下方的标签选择您的兴趣爱好</span>
                                                <em class="addTag">添加标签</em>
                                                <em class="interest-prompt">最多只能选8项</em>
                                            </div>
                                            <ul class="interest-list clearfix">
                                            <li data-check="off" data-id="1"><a href="javascript:;">烹饪</a></li><li data-check="off" data-id="2"><a href="javascript:;">探索美食</a></li><li data-check="off" data-id="3"><a href="javascript:;">绘画</a></li><li data-check="off" data-id="4"><a href="javascript:;">电影</a></li><li data-check="off" data-id="5"><a href="javascript:;">二次元</a></li><li data-check="off" data-id="6"><a href="javascript:;">财经</a></li><li data-check="off" data-id="7"><a href="javascript:;">音乐</a></li><li data-check="off" data-id="8"><a href="javascript:;">营养健康</a></li><li data-check="off" data-id="9"><a href="javascript:;">摄影</a></li><li data-check="off" data-id="10"><a href="javascript:;">家居生活</a></li><li data-check="off" data-id="11"><a href="javascript:;">追剧</a></li><li data-check="off" data-id="12"><a href="javascript:;">读书</a></li><li data-check="off" data-id="13"><a href="javascript:;">娱乐八卦</a></li><li data-check="off" data-id="14"><a href="javascript:;">旅游</a></li><li data-check="off" data-id="15"><a href="javascript:;">运动</a></li><li data-check="off" data-id="16"><a href="javascript:;">时尚</a></li><li data-check="off" data-id="17"><a href="javascript:;">星座测试</a></li><li data-check="off" data-id="18"><a href="javascript:;">科技</a></li><li data-check="off" data-id="19"><a href="javascript:;">游戏</a></li><li data-check="off" data-id="20"><a href="javascript:;">美女</a></li><li data-check="off" data-id="21"><a href="javascript:;">美容护肤</a></li><li data-check="off" data-id="22"><a href="javascript:;">娱乐</a></li><li data-check="off" data-id="23"><a href="javascript:;">铲屎官</a></li><li data-check="off" data-id="24"><a href="javascript:;">DIY</a></li></ul>
                                        </div>

                                    </div>
                                </td>
                            </tr>
                            <tr>
                                <td></td>
                                <td>
                                    <div class="col-sm-12">
                                        <button type="submit" class="btn btn-primary btn-large btn-primary-new">保存</button>
                                    </div>
                                </td>
                            </tr>
                        </tbody></table>
                    </div>
                    <!--个人头像-->
                    <div class="col-xs-12 border-box topNav1" id="personInfo" style="display: none;">
                        <div class="row">
                            <div class="col-sm-4 text-center">
                                <div data-picture-id="81458591">
                                    <div class="media-photo headerIconBg">
                                        <img alt="shuke" height="225" src="./个人资料 - 一家民宿Onehome_files/get(1).php" title="shuke" width="225">
                                    </div>
                                    <div class="media-photo media-round headerIcon">
                                        <img alt="shuke" height="225" src="./个人资料 - 一家民宿Onehome_files/get(1).php" title="shuke" width="225">
                                    </div>
                                    <button class="picture-tile-delete" data-behavior="tooltip" aria-label="删除" style="display: none;">
                                        <i class="icon icon-trash"></i>
                                    </button>
                                </div>
                            </div>
                            <div class="col-lg-8">
                                <p>清楚的脸部正面照对帮助房东和房客了解彼此起着重大作用。把房子租给一张风景照可不靠谱！因此，请上传一张能清楚看到您脸部的照片。</p>

                                <div class="col-lg-12 marginT30">
                                    <input type="file" id="uploadedfile" class="hasflash">
                                    <p class="notflash">此功能需要Flash Player 10.2以上才能请使用，请<a href="http://www.adobe.com/go/getflash" target="_blank">点此下载</a></p>
                                </div>
                            </div>
                        </div>
                    </div>
                </div>
            </div>
        </div>
    </div>
    <input type="hidden" value="" id="imageId">
    <input type="hidden" value="cachezero.ciker360.com" id="picture_host">
</div>
    <!--footer start-->
    <div class="footer-box marginT57">
    <div class="footer-new container">
        <div class="links-new">
            <div class="links-row">
                <span><a href="http://www.onehome.me/sanfrancisco7/" target="_blank" alt="旧金山民宿">旧金山民宿</a></span>|<span><a href="http://www.onehome.me/losangeles8/" target="_blank" alt="洛杉矶民宿">洛杉矶民宿</a></span>|<span><a href="http://www.onehome.me/newyork/" target="_blank" alt="纽约民宿">纽约民宿</a></span>|<span><a href="http://www.onehome.me/osaka1/" target="_blank" alt="大阪民宿">大阪民宿</a></span>|<span><a href="http://www.onehome.me/kyoto1/" target="_blank" alt="京都民宿">京都民宿</a></span>|<span><a href="http://www.onehome.me/seoul/" target="_blank" alt="首尔民宿">首尔民宿</a></span>|<span><a href="http://www.onehome.me/toronto1/" target="_blank" alt="多伦多民宿">多伦多民宿</a></span>|<span><a href="http://www.onehome.me/florence/" target="_blank" alt="弗洛伦撒民宿">佛罗伦萨民宿</a></span>|<span><a href="http://www.onehome.me/hongkong/" target="_blank" alt="香港民宿">香港民宿</a></span>|<span><a href="http://www.onehome.me/taiwan/" target="_blank" alt="台湾民宿">台湾民宿</a></span><br>
            </div>
            <div class="links-row">
                <span><a href="http://www.onehome.me/chiangmai/" target="_blank" alt="清迈">清迈民宿</a></span>|<span><a href="http://www.onehome.me/hawaii1/" target="_blank" alt="夏威夷">夏威夷民宿</a></span>|<span><a href="http://www.onehome.me/bangkok1/" target="_blank" alt="曼谷民宿">曼谷民宿</a></span>|<span><a href="http://www.onehome.me/paris/" target="_blank" alt="巴黎民宿">巴黎民宿</a></span>|<span><a href="http://www.onehome.me/roma3/" target="_blank" alt="罗马民宿">罗马民宿</a></span>|<span><a href="http://www.onehome.me/sanya/" target="_blank" alt="三亚民宿">三亚民宿</a></span>|<span><a href="http://www.onehome.me/tokyo/" target="_blank" alt="东京民宿">东京民宿</a></span>|<span><a href="http://www.onehome.me/uk/" target="_blank" alt="英国民宿">英国民宿</a></span>|<span><a href="http://www.onehome.me/melbourne/" target="_blank" alt="墨尔本民宿">墨尔本民宿</a></span>|<span><a href="http://www.onehome.me/singapore/" target="_blank" alt="新加坡民宿">新加坡民宿</a></span>
            </div>
        </div>
        <div class="clear"></div>
        <div class="footer-heng"></div>
        <div class="footer-publicity">
            <div class="col-lg-4 col-md-4 padding0 first-div">
                <div class="col-lg-12 col-md-12 padding0 title">联系我们</div>
                <div class="col-lg-12 col-md-12 padding0">
                    <div class="other-language-show">
                        <div class="lineheight20">国内客服 &nbsp; +86-571-88853792</div>
                        <div class="lineheight25"> 海外客服 &nbsp; +86-571-88853792</div>
                    </div>
                    <div class="lineheight40">客服邮箱  &nbsp; service@onehome.me</div>
                </div>
            </div>
            <div class="col-lg-3 col-md-3 padding0">
                <div class="col-lg-12 col-md-12 padding0 title">关注我们</div>
                <div class="col-lg-12 col-md-12 padding0 marginT15">
                    <ul class="footer-attention" style="float:left;">
                        <li class="wechat svg-father-class2">
                            <a href="javascript:void(0);" class="icon_wx indexdialogpic" name="focusus"></a>
                            <div class="wechatimg"></div>
                        </li>
                        <li class="weibo svg-father-class2"><a href="http://www.weibo.com/yiyouyijia" target="_blank"></a></li>
                    </ul>
                </div>
            </div>
            <div class="col-lg-4 col-md-4 padding0">
                <div class="col-lg-12 col-md-12 padding0 title">一家民宿app</div>
                <div class="col-lg-12 col-md-12 padding0 marginT15">
                    <a href="https://itunes.apple.com/cn/app/yi-jia-min-su/id1006504737?l=en&amp;mt=8" class="applinkbox" id="download_ios" target="_blank">
                        <span class="svg-father-class2 appstore"></span><span class="mwords">AppStore下载</span>
                    </a>
                    <a href="http://a.app.qq.com/o/simple.jsp?pkgname=me.onehome.app" class="applinkbox" id="download_apk" target="_blank">
                        <span class="svg-father-class2 android"></span><span class="mwords">Android下载</span>
                    </a>
                </div>
            </div>
            <div class="clear"></div>
        </div>
    </div>
    <div class="clear"></div>
    <div class="col-lg-12 col-md-12 footer-descript">
        <div class="container" style="padding:0px 90px">
            <div class="col-lg-8 col-md-8 padding0" style="text-align:left;">
                © 2015 onehome.me 一家民宿版权所有
                ICP证: <a href="http://beian.miit.gov.cn/" target="_blank">浙B2-20160280</a>
                <img style="width: 15px;height:15px; display: inline-block" src="./个人资料 - 一家民宿Onehome_files/footer-icon.png" alt="">
                <a href="http://www.beian.gov.cn/portal/registerSystemInfo" target="_blank"> 浙公网安备 33010602002108号</a>
                杭州一游网络科技有限公司
            </div>
            <div class="col-lg-4 col-md-4 padding0 text-right">
                <a href="http://www.onehome.me/infor/p_about">关于我们</a> |
                <a href="http://www.onehome.me/infor/p_privacy">隐私政策</a> |
                <a href="http://www.onehome.me/infor/p_service">服务协议</a> |
                <a href="http://www.onehome.me/infor/p_manual">房东协议</a>
            </div>
            <div class="clear"></div>
        </div>


    </div>
    <div class="clear"></div>
</div>
<!--chatBox start-->
<!--客服聊天窗口-->
<div class="service-box" id="serviceBoxDrggable">
    <div class="service-box-top-nav">
        <span>在线客服</span>
        <div class="close-service-box">
            <span class="close-service-box-heng"></span>
        </div>
    </div>
    <div class="service-box-top-nav-sub">
        <span>联系客服小一咨询</span>
        <span class="openOnlineService" data-status="off">人工客服</span>
    </div>
    <div class="service-message-list-box">
        <div class="service-message-list-pack mCustomScrollbar _mCS_1 mCS_no_scrollbar" data-page="0"><div id="mCSB_1" class="mCustomScrollBox mCS-light mCSB_vertical mCSB_inside" style="max-height: none;" tabindex="0"><div id="mCSB_1_container" class="mCSB_container mCS_y_hidden mCS_no_scrollbar_y" style="position:relative; top:0; left:0;" dir="ltr">
            <div class="service-message-list-wait" style="display:none;"><img src="./个人资料 - 一家民宿Onehome_files/022.gif" class="mCS_img_loaded"></div>
        </div><div id="mCSB_1_scrollbar_vertical" class="mCSB_scrollTools mCSB_1_scrollbar mCS-light mCSB_scrollTools_vertical" style="display: none;"><div class="mCSB_draggerContainer"><div id="mCSB_1_dragger_vertical" class="mCSB_dragger" style="position: absolute; min-height: 30px; top: 0px;" oncontextmenu="return false;"><div class="mCSB_dragger_bar" style="line-height: 30px;"></div></div><div class="mCSB_draggerRail"></div></div></div></div></div>
    </div>
    <div class="service-input-box">
        <textarea class="service-input-box-textarea" placeholder="请描述您的问题&gt;_&lt;"></textarea>
        <button type="button" id="service_send" class="btn service-input-button">发送</button>
    </div>
</div>
<!--看看和通知窗口-->
<div class="look-notify-box look-notify-items-box" style="display:none">
    <div class="look-notify-box-title">
        <div class="look-notify-box-title-box" style="border-bottom: 1px solid #eaeaea;">
            <!--<span class="look-btn now">看看<span id="lookBtnNum"></span></span>-->
            <span class="notify-btn">通知<span id="notifyBtnNum"></span></span>
        </div>
        <div class="close-look-notify-box">
            <span class="close-look-notify-box-heng"></span>
        </div>
    </div>
    <!--没有通知-->
    <div class="look-notify-list-box look-notify-no-item" style="display: none">
        <div class="look-notify-list-no-item">
            <div class="look-notify-list-center">
                <img src="./个人资料 - 一家民宿Onehome_files/logo(1).png" alt="">
                <p class="no-item-tip look-notify-list-no-item-tips">还没有看看消息哦</p>
            </div>
        </div>
    </div>
    <!--通知-->
    <div class="look-notify-list-box notify-items-box" data-page="0" style="display: none;">
        <!--<div class="look-notify-list-item">-->
        <!--<div class="look-notify-list-item-title">-->
        <!--<img class="look-notify-img " src="/images/feedback/index-notify-tips.png" alt="">-->
        <!--<span class="look-notify-detail ">-->
        <!--<span class="fl look-notify-detail-name">消息提醒</span>-->
        <!--<span class="fr look-notify-detail-time">2017-6-12</span>-->
        <!--</span>-->
        <!--<div class="clear"></div>-->
        <!--</div>-->
        <!--<div class="look-notify-list-item-mess">-->
        <!--中国女孩放弃三年爱情和美国梦，回日本开民宿，成为最美厨娘中国女孩放弃三年爱情和美国梦，回日本开民宿，成为最美厨娘-->
        <!--<span class="look-notify-item-more">查看详情>></span>-->
        <!--</div>-->

        <!--</div>-->

    </div>
    <!--看看-->
    <div class="look-notify-list-box look-items-box" data-page="0">


    </div>


</div>

<!--我的收藏-->
<div class="look-notify-box look-collect-box" id="" style="display:none">
    <div class="collect-box-title">
        <div class="collect-box-title-box">
            <span>我的收藏</span>
        </div>
        <div class="close-collect-box">
            <span class="close-look-notify-box-heng"></span>
        </div>
    </div>
    <!--没有通知-->
    <div class="look-notify-list-box collect-list-box collect-no-list-box" style="display: none;">
        <div class="look-notify-list-no-item">
            <div class="look-notify-list-center">
                <img src="./个人资料 - 一家民宿Onehome_files/logo(1).png" alt="">
                <p class="no-item-tip">您还没有收藏房间</p>
            </div>
        </div>
    </div>
    <!---->
    <!--我的收藏-->
    <div class="collect-list-box collect-items-box" data-page="0" style="display:block">
        <!--<div class="collect-list-item">-->
        <!--<img class="collect-list-item-img fl" src="/images/2015-09-13_172938.png" alt="">-->
        <!--<div class="collect-list-item-detail fr">-->
        <!--<p class="collect-list-item-detail-title">洛杉矶靠近迪士尼，有超大泳池的22号房洛杉矶靠近迪士尼，有超大泳池的22号房</p>-->
        <!--<p class="collect-list-item-detail-des">地址：京都市，京都府，日本</p>-->
        <!--<p class="collect-list-item-detail-other">独立房间-2位房客-1个卧室-1张床</p>-->
        <!--</div>-->
        <!--<div class="clear"></div>-->
        <!--</div>-->

    </div>

</div>

<!--意见反馈-->
<div class="look-notify-box look-feedback-box" id="" style="display:none">
    <div class="collect-box-title">
        <div class="collect-box-title-box">
            <span>意见反馈</span>
        </div>
        <div class="close-feedback-box close-feedback">
            <span class="close-look-notify-box-heng"></span>
        </div>
    </div>
    <!--意见反馈1-->
    <div class="feedback-list-box feedback-input-box" style="display:block">
        <textarea id="feedback-text" class="feedback-mess" placeholder="请留下您对一家民宿的宝贵建议，我们会持续改进，不断优化给您带来的服务和体验！" name="" cols="30" rows="10"></textarea>

        <textarea id="feedback-contact" class="feedback-contact" placeholder="可留下手机号码、微信、QQ或邮箱以便我们与您取得联系更好的解决您的问题。" name="" cols="" rows=""></textarea>
        <p class="feedback-error"></p>
        <div class="feedback-submit"><span class="feedback-button">提交反馈</span></div>
    </div>

    <!--意见反馈2 成功之后-->
    <div class="feedback-list-box feedback-success-box" style="display:none">
        <div class="feedback-title-icon">
            <img class="fl" src="./个人资料 - 一家民宿Onehome_files/submit-success.png" alt="">
            <span class="fl">已收到您的反馈</span>
        </div>
        <p class="feedback-title-infor">您的每一个问题我们都会非常重视，我们的进步离不开您的支持。</p>
        <div class="feedback-title-erweima-box">
            <img class="feedback-title-erweima" src="./个人资料 - 一家民宿Onehome_files/erweima.png" alt="">
            <p>扫一扫 下载【一家民宿】</p>
        </div>
        <div class="feedback-submit feedback-close close-feedback-to-pre"><span>我知道了</span></div>
    </div>

</div>



<div id="IM-Chatwin" class="window ui-draggable chatWin ui-draggable">
    <div id="IM-HaveLinkMan" style="" class="haveLinkMan im_wrapper">
        <a class="im_btn_close IM_Close" lock="false" href="javascript:void(0);">—</a>
        <div class="im_win">
            <div class="imtalk_list">
                <div class="im_list_more noselect" id="IM-UserPre">
                    <div class="linkpeopleword">最近联系人</div>
                    <span class="im_list_num" style="display: none;">0</span>
                    <a class="im_list_arrow" href="http://www.onehome.me/user/p_infor#" style="display: none;"></a>
                </div>
                <div id="im_ul_wrapper" class="im_ul_wrapper mCustomScrollbar _mCS_2 mCS_no_scrollbar"><div id="mCSB_2" class="mCustomScrollBox mCS-light mCSB_vertical mCSB_inside" style="max-height: 431px;" tabindex="0"><div id="mCSB_2_container" class="mCSB_container mCS_y_hidden mCS_no_scrollbar_y" style="position:relative; top:0; left:0;" dir="ltr">
                    <ul class="im_list_ul" id="IM-User" data-control="" style="top: 0px;">
                    </ul>
                </div><div id="mCSB_2_scrollbar_vertical" class="mCSB_scrollTools mCSB_2_scrollbar mCS-light mCSB_scrollTools_vertical" style="display: none;"><div class="mCSB_draggerContainer"><div id="mCSB_2_dragger_vertical" class="mCSB_dragger" style="position: absolute; min-height: 30px; top: 0px;" oncontextmenu="return false;"><div class="mCSB_dragger_bar" style="line-height: 30px;"></div></div><div class="mCSB_draggerRail"></div></div></div></div></div>
                <div class="im_list_more im_line2" id="IM-UserNext" style="display:none;">
                    <span class="im_list_num" style="display: none;">0</span>
                    <a class="im_list_arrow im_arrow_next" href="http://www.onehome.me/user/p_infor#" style="display: none;"></a>
                </div>
                <p class="textCt">

                    <!--<a style="cursor:default">消息中心</a>-->
                </p>
            </div>
            <div id="chatcontentlistbox" class="im_talk">
                <div id="IM-Content" class="im_window">
                </div>
                <div class="im_operater">
                    <div class="operater_con">
                        <textarea name="" cols="" rows="" id="IM-TextareaContent" placeholder="请输入聊天内容..."></textarea>
                        <a class="btn_send" href="javascript:void(0);" id="IM-SendChat" style="display: inline-block;">发送</a>
                        <a class="btn_send btn_recommend_house" href="javascript:void(0);" id="IM-recommend" style="display: inline-block;">推荐房源</a>
                    </div>
                </div>


                <div class="im_clanbox" style="display:none;">
                    <div class="clanbox_con">
                        <div class="clan_gropwrap">
                            <div class="clan_group">
                                <div class="clan_word">入住时间</div>
                                <div>
                                    <input type="text" calender-input="true" readonly="readonly" class="clan_date clan_checkins" id="clan_start" placeholder=" 年-月-日">
                                </div>
                            </div>
                            <div class="clan_group">
                                <div class="clan_word">退房时间</div>
                                <div>
                                    <input type="text" calender-input="true" readonly="readonly" class="clan_date clan_checkouts" id="clan_end" placeholder=" 年-月-日">
                                </div>
                            </div>
                            <div class="clan_group" style="margin-right:10px;">
                                <div class="clan_word">入住人数</div>
                                <div>
                                    <div class="definegroup" id="chan_definegroup">
                                        <div class="defineselectinputbox">
                                            <input type="text" readonly="readonly" class="defineselectinput" id="chan_accommodateNum" numvalue="1" value="1人">
                                            <span class="iconselect"></span>
                                        </div>
                                        <ul class="defineselectbox" style="display:none;">
                                            <li value="1">1人</li>
                                            <li value="2">2人</li>
                                            <li value="3">3人</li>
                                            <li value="4">4人</li>
                                            <li value="5">5人</li>
                                            <li value="6">6人</li>
                                            <li value="7">7人</li>
                                            <li value="8">8人</li>
                                            <li value="9">9人</li>
                                            <li value="10">10人</li>
                                            <li value="11">11人</li>
                                            <li value="12">12人</li>
                                            <li value="13">13人</li>
                                            <li value="14">14人</li>
                                            <li value="15">15人</li>
                                            <li value="16">16人</li>
                                        </ul>
                                    </div>
                                </div>
                            </div>

                            <div class="clan_group" style="width:76px;margin-right:0px;">
                                <div style="margin-top:20px;">
                                    <a class="btn_send" href="http://www.onehome.me/user/p_infor#ongo" id="clan_consult" style="display: inline-block;">开始咨询</a>
                                </div>
                            </div>
                            <div style="clear:both;"></div>

                        </div>
                        <div class="warnclan" style="display:none;">请选择入住退房日期，再开始咨询吧！</div>
                    </div>
                </div>
            </div>
        </div>
        <div id="IM-LodgeUnitShow" class="im_room_con" style="">
            <div id="IM-CurLodgeUnit">
                <div class="nohousebox" style="display:none;">
                    <div class="im_room_tabsbox noselect">
                        <ul class="im_room_tabs" id="tag-plug-curlu-20303529-163073" style="display: block;">
                            <li class="tab_no">房源信息</li>
                        </ul>
                    </div>
                    <div class="cur_room_info">
                        <img width="210px" src="./个人资料 - 一家民宿Onehome_files/housebgforim.png">
                        <p class="bor_P" style="font-size:14px;color:#333333;">暂无法获取房源信息!</p>
                    </div>
                </div>

            </div>
        </div>
    </div>
</div>
<!--没有聊天对象的时候-->
<div class="look-notify-box look-messlist-box" id="messlist-box" style="display:none">
    <div class="look-box-title">
        <div class="close-feedback-box close-messlist-box">
            <span class="close-look-notify-box-heng"></span>
        </div>
    </div>
    <!--没有通知-->
    <div class="look-notify-list-box collect-no-list-box" style="display: block;">
        <div class="look-notify-list-no-item">
            <div class="look-notify-list-center talk-list-center">
                <img src="./个人资料 - 一家民宿Onehome_files/logo(1).png" alt="">
                <p class="no-item-tip2">聊天列表是空的</p>
                <p class="no-item-tips">找个心仪的房源,跟房东聊一下吧</p>
            </div>

        </div>
    </div>
</div>
<!--<div id="webim-dom" class="webim-dom hidden-xs"  style="display:none">-->
<!--&lt;!&ndash;<div class="im_news">&ndash;&gt;-->
<!--&lt;!&ndash;&ndash;&gt;-->
<!--&lt;!&ndash;</div>&ndash;&gt;-->

<!--<div class="im_news">-->
<!--&lt;!&ndash;<div class="bg_img_fff bg_img_fff_t"></div>&ndash;&gt;-->
<!--&lt;!&ndash;<div class="bg_img_fff bg_img_fff_b"></div>&ndash;&gt;-->
<!--&lt;!&ndash;看看和通知&ndash;&gt;-->
<!--&lt;!&ndash;<a class="im_L im_N IM-BtnMouse-Msg"><span id="unreadNoticeCount"></span></a>&ndash;&gt;-->
<!--<a class="im_L im_S IM-BtnMouse-Msg"><span id="unreadServiceCount"></span></a>-->
<!--<a class="im_L im_M IM-BtnMouse-Msg lock" lock="false"><span id="unreadCount"></span></a>-->
<!--</div>-->
<!--</div>-->

<!--推荐房源-->
<div class="recommend-house" id="recommend-house">
    <div class="recommend-title">推荐房源</div>
    <img src="./个人资料 - 一家民宿Onehome_files/closebtn.png" class="recommend-close">
    <div class="house-search">
        <span class="icon icon-uniE688 chatBoxIcon"></span>
        <input type="text" name="house-search-input" class="house-search-input" placeholder="请输入房源标题或房源ID">
    </div>
    <ul class="recommend-content">
        <!--<li>
            <img class="house-img" src=""/>
            <div class="house-info">
                <p class="house-info-title">洛杉矶靠近迪士尼，有超大泳池的22号房哦哦哦哦哦哦哦 哦哦哦哦哦 哦哦</p>
                <p class="house-info-feature">独立房间-2位房客-1个卧室</p>
                <p class="house-info-price">￥598</p>
            </div>
            <span class="recommend-btn">推荐给房客</span>
        </li>-->
    </ul>
    <div class="recommend-empty">
        <img src="./个人资料 - 一家民宿Onehome_files/logo(1).png">
        <div class="listResult">
            <p>房源列表是空的</p>
            <p style="font-size: 12px;line-height: 30px;">亲爱的，赶紧去上传房子吧~~</p>
        </div>
        <div class="searchResult" style="display: none">
            <p>对不起，没有搜索到此房源</p>
            <p style="font-size: 12px;line-height: 30px;">请重新输入民宿名称</p>
        </div>
    </div>
</div>

<div id="webim-dom" class="webim-dom hidden-xs">
    <div class="im_news">
        <!--im_new_now-->
        <!--客服-->
        <a class="im_L im_S im_new_L im_new_S im_new_hover IM-BtnMouse-Msg"><span id="unreadServiceCount"></span></a>
        <!--通知-->
        <a class="im_L im_new_L im_new_notify im_new_hover IM-BtnMouse-Msg im_close"><span id="unreadLookNotifyCount"></span></a>
        <!--im_new_hover-->
        <!--在线聊天-->
        <a class="im_L im_M lock im_new_L im_new_M im_new_hover IM-BtnMouse-Msg" lock="false"><span id="unreadCount"></span></a>
        <!--我的收藏-->
        <a class="im_L im_new_L im_new_collect im_new_hover IM-BtnMouse-Msg im_close"><span id=""></span></a>
        <!--意见反馈-->
        <a class="im_L im_new_L im_new_feedback im_new_hover IM-BtnMouse-Msg im_close"><span id=""></span></a>
    </div>
</div>


<!--<canvas id="dialogcanvas"></canvas>-->
<input type="hidden" name="picture_host" value="cachezero.ciker360.com" id="picture_host">
<link href="./个人资料 - 一家民宿Onehome_files/onehomeWebim.css" media="all" rel="stylesheet" type="text/css">
<link rel="stylesheet" href="./个人资料 - 一家民宿Onehome_files/jquery.mCustomScrollbar.css">
<script src="./个人资料 - 一家民宿Onehome_files/jquery.mCustomScrollbar.concat.min.js.下载" type="text/javascript"></script>
<script src="./个人资料 - 一家民宿Onehome_files/testWebim3.js.下载"></script>
<script src="./个人资料 - 一家民宿Onehome_files/store.min.js.下载"></script>
<script type="text/javascript" src="./个人资料 - 一家民宿Onehome_files/windowscroll.js.下载"></script>

<!--chatBox end-->
<style>

    a,a:hover {
        text-decoration: none;
    }

    /*.wechatimg {
        width: 127px;
        height: 146px;
        background: url(/images/attention/btnicons.png) no-repeat;
        background-position: -78px -186px;
        position: absolute;
        top: -147px;
        left: -58px;
        display: none;
    }*/

    .wechatimg {
        width: 155px;
        height: 155px;
        background: url(/images/attention/wechattwodimensionalcode@2x.png) no-repeat;
        background-size: 110%;
        position: absolute;
        top: -155px;
        left: -75px;
        display: none;
    }

    .footer-box {
        overflow: hidden;
        background-color: #333;
        padding: 1px;
        color: #999;
    }

    .footer-new {
        margin: 32px auto 0 auto;
    }

    .links-new {
        text-align: center;
    }

    .links-new .links-row {
        margin: 7px auto;
        line-height: 30px;
    }

    .links-new .links-row span {
        margin: 0 11px;
    }

    .links-new .links-row span a {
        color: #d6d6d6;
        color: rgba(255,255,255,.8);
        text-decoration: none;
        font-size: 12px;
    }

    .footer-heng {
        margin: 34px auto;
        height: 1px;
        background-color: #999;
        background-color: rgba(255,255,255,.5);
    }

    .clear {
        clear: both;
    }

    .footer-publicity {
        margin-top: 10px;
        margin-bottom: 4px;
        color: #d6d6d6;
        color: rgba(255,255,255,.8);
    }

    .lineheight25 {
        height: 25px;
        line-height: 25px;
    }

    .lineheight40 {
        height: 40px;
        line-height: 40px;
    }

    .footer-publicity .first-div {
        padding-left: 60px;
    }

    .footer-publicity .title {
        font-size: 16px;
        line-height: 30px;
        margin: 10px 0;
        color: #d6d6d6;
        color: rgba(255,255,255,.8);
        margin-bottom: 13px;
    }

    .footer-attention {
        float: right;
        list-style: none;
        padding: 0;
        margin: 0;
    }

    .footer-attention li {
        width: 28px;
        height: 28px;
        float: left;
        margin: 0 5px;
    }

    .footer-attention li a {
        display: block;
        height: 28px;
        width: 28px;
        position: absolute;
        top: 0px;
        left: 0px;
    }

    .android,.appstore,
    .footer-attention li.wechat,
    .footer-attention li.weibo {
        /*background: url(/images/attention/icons.png) no-repeat;*/
        background:none;
    }

    /*.android,.appstore,*/
    /*.footer-attention li.wechat,*/
    /*.footer-attention li.weibo {*/

    /*}*/

    /*.footer-attention li.wechat {
        background-position: -10px -9px;
        margin-right: 37px;
        position: relative;
    }*/

    .footer-attention li.wechat {
        margin-right: 37px;

        position: relative;
        color:white;
        font-size: 29px;
        filter:alpha(opacity=74);
        opacity:0.74;
        margin-top: -3px;

    }
    .footer-attention li.wechat:before{ content: '\e800';}

    .footer-attention li.wechat:hover {
        filter:alpha(opacity=100);
        opacity:1;
    }

    /*.footer-attention li.wechat:hover {
        background-position: -10px -48px;
    }*/

    .footer-attention li.weibo {
        /*background-position: -81px -9px;*/
        position: relative;
        color:white;
        font-size: 28px;
        filter:alpha(opacity=74);
        opacity:0.74;
    }
    .footer-attention li.weibo:before{ content: '\e804';}


    .footer-attention li.weibo:hover {
        /*background-position: -81px -48px;*/

        filter:alpha(opacity=100);
        opacity:1;
    }

    .applinkbox {
        display: block;
        float: left;
        border: 1px solid #959595;
        width: auto;
        height: 28px;
        padding: 2px 10px 2px 5px;
        box-sizing: border-box;
        margin-right: 20px;
        color: #d6d6d6;
        color: rgba(255,255,255,.8);
        border-radius: 3px;
        -webkit-border-radius: 3px;
        -moz-border-radius: 3px;
        -o-border-radius: 3px;
        -ms-border-radius: 3px;
    }

    /*.appstore {
        width: 28px;
        height: 25px;
        display: inline-block;
        background-position: -143px -11px;
        vertical-align: middle;
    }

    #download_ios:hover .appstore {
        background-position: -143px -50px;
    }*/
    .appstore {
        position: relative;
        color: white;
        font-size: 19px;
        margin-left: 4px;
        margin-right: 5px;
        filter:alpha(opacity=80);
        opacity:0.8;
    }
    .appstore:before{ content: '\e80b';}


    .footer-box .applinkbox:hover .mwords {
        color: #fff;
    }
    .footer-box .applinkbox:hover .appstore {
        filter:alpha(opacity=100);
        opacity:1;
    }

    /*#download_apk:hover .android {
        background-position: -187px -50px;
    }

    .android {
        width: 28px;
        height: 25px;
        display: inline-block;
        background-position: -187px -11px;
        vertical-align: middle;
    }*/

    .android {
        position: relative;
        color: white;
        font-size: 19px;
        margin-left: 4px;
        margin-right: 5px;
        filter:alpha(opacity=80);
        opacity:0.8;
    }
    .android:before{ content: '\e81b';}


    #download_apk:hover .android {
        filter:alpha(opacity=100);
        opacity:1;
    }



    .mwords {
        display: inline-block;
        height: 22px;
        line-height: 22px;
        font-size: 12px;
        vertical-align:top;
    }

    .footer-descript {
        margin: 30px auto;
        text-align: center;
        margin-bottom: 0;
        color: #d6d6d6;
        color: rgba(255,255,255,.8);
        font-size: 12px;
        background-color: #2a2a2a;
        height: 50px;
        line-height: 50px;
        box-shadow: 2px 2px 5px #2a2a2a;
        -webkit-box-shadow: 2px 2px 5px #2a2a2a;
        -moz-box-shadow: 2px 2px 5px #2a2a2a;
        -o-box-shadow: 2px 2px 5px #2a2a2a;
    }

    .footer-descript a {
        color: #d6d6d6;
        color: rgba(255,255,255,.8);
    }

    .footer-descript a:hover {
        color: #d6d6d6;
        color: rgba(255,255,255,.8);
    }

</style>
<script>
    $(function(){
        var language = $.cookie('language');
        if(language == 'en') {
            $('.other-language-show').hide();
        } else {
            $('.other-language-show').show();
        }
    })
</script>
    <!--footer end-->
    <!-- add interestBox start -->
    <div class="infobox">
        <div class="row inputbox" id="modifyPrice">
            <h3>添加兴趣标签</h3>
            <div>最多输入12个字符</div>
            <input type="text" class="form-control" placeholder="    输入标签" maxlength="12">
            <em class="error"></em>
        </div>
        <hr>
        <div class="row btngroup">
            <div class="rleft">
                <a class="closebox">取消</a>
            </div>
            <div class="rright">
                <a class="okbtn">确认</a>
            </div>
            <div class="clearfx"></div>

        </div>
    </div>
    <!-- add interestBox end -->
    <!-- redPacket start -->
    <div class="full-degree-box">
        <a class="close" href="javascript:;"></a>
        <p></p>
        <div class="full-info clearfix">
            <div class="full-chat">
                <div class="mask-text"></div>
                <div class="mask mask1">
                  <div class="pie pie1"></div>
                </div>
                <div class="mask mask2">
                  <div class="pie pie2"></div>
                </div>
                <div class="percentage">
                <span>50%</span>
                <em>个人资料完善度</em>
                </div>
            </div>
            <div class="full-chat-ie8">
                <div class="percentage-ie8  clearfix">
                    <span class="speed-box">
                        <em class="speed-line"></em>
                    </span>
                    <span class="speed-num">50%</span>
                </div>
                <div>个人资料完善度</div>
            </div>
            <div class="red-packet-info">
                <div class="red-packet-item clearfix">
                    <span class="red-packet-img"><img src="./个人资料 - 一家民宿Onehome_files/red-packet-no.png" alt=""></span>
                    <span class="red-packet-cont">
                        <em class="tit-red-packet"></em>
                        <em class="cont-red-packet"></em>
                    </span>
                </div>
                <div class="red-packet-item clearfix">
                    <span class="red-packet-img"><img src="./个人资料 - 一家民宿Onehome_files/red-packet-no.png" alt=""></span>
                    <span class="red-packet-cont">
                        <em class="tit-red-packet"></em>
                        <em class="cont-red-packet"></em>
                    </span>
                </div>
                <div class="red-packet-item clearfix">
                    <span class="red-packet-img"><img src="./个人资料 - 一家民宿Onehome_files/red-packet-no.png" alt=""></span>
                    <span class="red-packet-cont">
                        <em class="tit-red-packet"></em>
                        <em class="cont-red-packet"></em>
                    </span>
                </div>
            </div>
        </div>
    </div>
    <!-- redPacket end -->
    <div class="shadebox"></div>

<div class="xl-chrome-ext-bar" id="xl_chrome_ext_{4DB361DE-01F7-4376-B494-639E489D19ED}" style="display: none;">
      <div class="xl-chrome-ext-bar__logo"></div>

      <a id="xl_chrome_ext_download" href="javascript:;" class="xl-chrome-ext-bar__option">下载视频</a>
      <a id="xl_chrome_ext_close" href="javascript:;" class="xl-chrome-ext-bar__close"></a>
    </div></body></html>